<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="style/css.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> 
<script src="js/jquery.blockUI.js" type="text/javascript"></script>
<script type="text/javascript"> 
$(function(){ 
//Default Action 
$(".tab_content").hide(); //Hide all content 
$("ul.tabs li:first").addClass("active").show(); //Activate first tab 
$(".tab_content:first").show(); //Show first tab content 
//On Click Event 
$("ul.tabs li").click(function() { 
$("ul.tabs li").removeClass("active"); //Remove any "active" class 
$(this).addClass("active"); //Add "active" class to selected tab 
$(".tab_content").hide(); //Hide all tab content 
var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content 
$(activeTab).fadeIn(); //Fade in the active content 
return false; 
}); 
}); 
</script> 
<script type="text/javascript"> 
$(function(){
$('#login').click(function(){   //给box_btn绑定一个鼠标点击的事件
$.blockUI({    //当点击事件发生时调用弹出层
  message: $('#loginbox'),    //要弹出的元素box
  css: {    //弹出元素的CSS属性
    border:'5px solid #334343',
    textAlign: 'left',
	width: '490px',
	top:  ($(window).height() - 290) /2 + 'px', 
    left: ($(window).width() - 490) /2 + 'px', 
	cursor: 'auto'
       },
  overlayCSS: {
	opacity: '0.7' 
	          }
         });
$('.blockOverlay').attr('title','单击关闭').click($.unblockUI);   //遮罩层属性的设置以及当鼠标单击遮罩层可以关闭弹出层
$('.close').click($.unblockUI);  //也可以自定义一个关闭按钮来关闭弹出层

});

});
</script> 
</head>

<body>

<div id="loginbox" style="display:none">
  <div class="login_title">会员登录</div>
  <div class="login_input">
    <div class="input"><span>账号：</span><span><input name="user" type="text" /></span></div>
    <div class="input"><span>密码：</span><span><input name="pwd" type="password" /></span></div>
    <div class="login_input_1 clearfix"><input name="" type="checkbox" value="" id="store1" /><label for="store1">自动登录</label><a href="#">找回密码</a></div>
    <div class="reg clearfix"><span><input class="login_btn" name="" type="image" src="images/login.jpg" /></span><span>还没有账号？</span><a href="#">立即注册</a></div>
  </div>
</div>

<div class="top">
  <div class="top_content clearfix"><span class="left">欢迎来到外卖网365！</span><span class="right"><a href="#" id="login">登录</a> / <a href="#">注册</a> | <a href="#">店铺登陆</a></span></div>
</div>

<div class="content clearfix">
  <div class="content_con clearfix">
    <div class="box_left left">
      <div class="box">
        <div class="box_title"><div class="box_title_con1 left">默默饭店</div><div class="lv8 left"></div></div>
        <ul class="clearfix box_ul">
          <li><span class="ico5"><a href="#">店铺信息</a></span></li>
          <li><span class="ico6"><a href="#">订单管理</a></span></li>
          <li class="liselect"><span class="ico7select"><a href="#">订单管理</a></span></li>
          <li><span class="ico4"><a href="#">修改密码</a></span></li>
        </ul>
      </div>
      <div class="box">
        <div class="box_title"><div class="box_title"><div class="box_title_title">销售统计</div></div></div>
        <ul class="clearfix box_ul_1">
          <li>
            <span>日期</span>
            <span>
              <select name="year" id="year">
                <option value="2013年" selected="selected">2013年</option>
		        <option value="2014年" >2014年</option>
	            <option value="2015年" >2015年</option>
	         	<option value="2016年" >2016年</option>
              </select>
            </span>
            <span>
              <select name="month" id="month">
                <option value="1月" selected="selected">1月</option>
		        <option value="2月" >2月</option>
	            <option value="3月" >3月</option>
	         	<option value="4月" >4月</option>
              </select>
            </span>
          </li>
          <li><span class="count_tit">单量</span>150份</li>
          <li><span class="count_tit">销售额</span>15000元</li>
          <li><span class="count_tit">应付费用</span>1300元</li>
        </ul>
      </div>
    </div>
    <div class="box_right right">
      <div class="box" style="height:600px;">
        <div class="box_title"><div class="box_title_title">修改密码</div></div>
        <div class="box_content">
          <div class="input_list clearfix" style="margin-top:20px;">
            <div class="tit"><span class="red">*</span> 原始密码</div>
            <div class="left"><input type="text"></div>
            <span class="text_note left">现在使用的密码</span>
          </div>
          <div class="input_list clearfix">
            <div class="tit"><span class="red">*</span> 新密码</div>
            <div class="left"><input type="text"></div>
            <span class="text_note left">输入新密码</span>
          </div>
          <div class="input_list clearfix">
            <div class="tit">重复新密码</div>
            <div class="left"><input type="text"></div>
            <span class="text_note left">再次输入新密码</span>
          </div>
          <div class="edit_btn clearfix">
          <input type="image" src="images/edit.jpg">
        </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="bottom">
  <div class="bottom_content clearfix">
    <div class="bottom_left left"><img src="images/logo_s.gif"></div>
    <div class="bottom_right left">
      <div><a href="#">关于我们</a>&nbsp;&nbsp; | &nbsp;&nbsp;<a href="#">诚招英才</a>&nbsp;&nbsp; | &nbsp;&nbsp;<a href="#">合作商谈</a>&nbsp;&nbsp; | &nbsp;&nbsp;<a href="#">网站地图</a>&nbsp;&nbsp; | &nbsp;&nbsp;<a href="#">免责条款</a></div>
      <div>Copyright © 2013 waimaiwang365.com All rights reserved  京ICP备030173号</div>
    </div>
  </div>
</div>
</body>
</html>
